<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>进度查询</title>
		<link rel="stylesheet" href="../css/main.css" />
		
	</head>
	<body>
		<div id="progress">
			<div class="return" style="background: #fff;">
				<!--<strong @click="back"> < </strong>-->
				<span style="margin-left:2.22rem;">进度查询</span>
				<a href="http://wpa.qq.com/msgrd?v=3&uin=3276173129&site=qq&menu=yes"
					target="_blank" class="serviceQQ">撩客服</a>
			</div>
			
			<div class="progressThree">
				<span :class="{grayColor:!isSubmit}">
					<strong>·</strong>提交
				</span>
				<span :class="{grayColor:!isCheck}">
					<strong>·</strong>审核
				</span>
				<span :class="{grayColor:!isSuccess}">
					<strong>·</strong>成功
				</span>
			</div>
			<!--没有提交信息时信息提示-->
			<div class="noInfo" v-show="!isSubmit">
				<p>您暂时还未提交信息，<a href="apply.html">立即去申请</a></p>
			</div>
			
			<div class="progressApply">
				<div class="applyStatus" v-for="item in progress">
					<span><strong>{{item.applyDay}}</strong>{{item.applyDate}}</span>
					<h4>{{item.applyTitle}}</h4>
					<p v-html="item.applyResult"></p>
					<br />
				</div>
			</div>
			
		</div>
	</body>
	<script type="text/javascript" src="../js/rem.js" ></script>
	<script type="text/javascript" src="../js/vue.js" ></script>
	<script type="text/javascript" src="../js/axios.min.js" ></script>
	<script>
		new Vue({
			el:"#progress",
			data:{
				isSubmit:true,//提交申请
				isCheck:true,//审核
				isSuccess:false,//审核成功
				progress:[
					{id:"1",applyDate:"2018.05",applyDay:"08",applyTitle:"您的借款申请已提交，等待客服联系",
					applyResult:"贷款金额：2万元<br>贷款用途：生活消费<br>贷款期限：24个月"},
					{id:"2",applyDate:"2018.08",applyDay:"19",applyTitle:"已审核/审核中",applyResult:"本次贷款申请已通过"},
					{id:"3",applyDate:"2018.10",applyDay:"30",applyTitle:"已成功/审核失败",applyResult:"本次贷款申请已成功"}
				]
			},
			created(){
				
			}
		})
	</script>
</html>
